<template>
	<view class="flex flex-ai-center flex-js-sb flex-w">
		<view class="item_box mb-12" v-for="(item,index) in 5" :key="index">
			<image src="https://xhshucang.oss-cn-chengdu.aliyuncs.com/uploads/20231018/5d3504ce9def341643f491d1b5707805.png" class="goodsImg"></image>
			<view class="text-overflow-1 font-size-14 font-color-222 mt-8">商品名称最长此字符</view>
			<view class="flex flex-ai-center flex-js-sb mt-8">
				<view class="font-color-666 font-size-14">1个</view>
				<w-icon name="arrow-right" color="#666" size="16"></w-icon>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.item_box {
		width: 49%;
		height: 444rpx;
		background-color: #fff;
		border-radius: 16rpx;
		padding: 16rpx 16rpx 24rpx;
		.goodsImg {
			width: 100%;
			height: 300rpx;
			border-radius: 16rpx;
		}
	}
</style>